<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/include/page.jsp"%>
<!DOCTYPE HTML>
<html>
<head>
<title>朝代列表</title>
<%@ include file="/common/include/title.jsp"%>
<jsp:useBean id="dynastyPOJO" class="com.carlinfo.demo.pojo.ADynasty" />
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript"
	src="${rootPath }/common/resource/H-ui.admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript"
	src="${rootPath }/common/resource/H-ui.admin/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript"
	src="${rootPath }/common/resource/H-ui.admin/lib/laypage/1.2/laypage.js"></script>
</head>
<body>
	<nav class="breadcrumb">
		<i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span>
		朝代管理 <span class="c-gray en">&gt;</span> 朝代列表 <a
			class="btn btn-success radius r"
			style="line-height: 1.6em; margin-top: 3px"
			href="javascript:location.replace(location.href);" title="刷新"><i
			class="Hui-iconfont">&#xe68f;</i></a>
	</nav>
	<div class="page-container">
		<div class="text-c">
			<form action="${rootPath }/DemoBackServlet?method=dynastyList"
				method="post">
				<button onclick="removeIframe()" class="btn btn-primary radius">关闭选项卡</button>
				<span class="select-box inline"> <select name="status"
					class="select">
						<option value="">请选择</option>
						<%-- <option value="0" ${requestScope.status == '0' && requestScope.status != '' ? 'selected' : ''} >禁用</option>
						<option value="1" ${requestScope.status == '1' && requestScope.status != '' ? 'selected' : ''} >启用</option> --%>
						<c:forEach items="${dynastyPOJO.statusMap }" var="me"
							varStatus="stat">
							<option value="${me.value.value }"
								${requestScope.status != null && requestScope.status != '' && requestScope.status == me.value.value ? 'selected' : ''}>${me.value.info }</option>
						</c:forEach>
				</select>
				</span> 日期范围： <input type="text" name="stDate"
					onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" id="logmin"
					class="input-text Wdate" value="${requestScope.stDate }"
					style="width: 160px;"> - <input type="text" name="enDate"
					onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" id="logmax"
					class="input-text Wdate" value="${requestScope.enDate }"
					style="width: 160px;"> <input type="text" name="keyword"
					id="" value="${requestScope.keyword }" placeholder=" 朝代名称"
					style="width: 150px" class="input-text">
				<button name="" id="" class="btn btn-success" type="submit">
					<i class="Hui-iconfont">&#xe665;</i> 搜朝代
				</button>
			</form>
		</div>
		<div class="cl pd-5 bg-1 bk-gray mt-20">
			<span class="l"> <a href="javascript:;" onclick="datadel()"
				class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i>
					批量删除</a> <a class="btn btn-primary radius" data-title="添加朝代"
				data-href="${rootPath }/DemoBackServlet?method=dynastyInsert"
				onclick="Hui_admin_tab(this)" href="javascript:;"> <i
					class="Hui-iconfont">&#xe600;</i> 添加朝代
			</a>
			</span> <span class="r">共有数据：<strong>${requestScope.pageInfoUtil.totalRecord }</strong>
				条
			</span>
		</div>
		<!-- 这我改了 -->
		<div id="DataTables_Table_0_wrapper"
			class="dataTables_wrapper no-footer">
			<table
				class="table table-border table-bordered table-bg table-hover table-sort table-responsive">
				<thead>
					<tr class="text-c">
						<th width="25"><input type="checkbox" name="" value=""></th>
						<th width="50">序号</th>
						<th width="50">id</th>
						<th width="80">名字</th>
						<th width="80">首都</th>
						<th width="50">年龄</th>
						<th width="50">状态</th>
						<th width="130">创建时间</th>
						<th width="130">更新时间</th>
						<th width="130">发布时间</th>
						<th width="50">操作</th>
					</tr>
				</thead>
				<tbody>
					<%-- 从request中获取dynastyList,然后循环 
							List dynastyList = new ArrayList();
							int stat = 0 ; 
							for(Iterator iter = list.iterator();iter.hasNext();)
							{
								Object dynasty = iter.next();
								stat ++ ; 
							}
						--%>
					<c:forEach items="${requestScope.dynastyList }" var="dynasty"
						varStatus="stat">
						<tr class="text-c">
							<td><input type="checkbox" value="" name=""></td>
							<td>${stat.count}</td>
							<td>${dynasty.id}</td>
							<td class="text-l"><u style="cursor: pointer"
								class="text-primary"
								onClick="article_edit('查看','article-zhang.html','10002')"
								title="查看"> ${dynasty.name } </u></td>
							<td>${dynasty.capital }</td>
							<td>${dynasty.age }</td>
							<td><span class="label label-success radius">
									${dynasty.status} </span></td>
							<td><fmt:formatDate value="${dynasty.createTime}"
									pattern="yyyy-MM-dd HH:mm:ss" /></td>
							<td><fmt:formatDate value="${dynasty.updateTime}"
									pattern="yyyy-MM-dd HH:mm:ss" /></td>
							<td><fmt:formatDate value="${dynasty.pubTime}"
									pattern="yyyy-MM-dd HH:mm:ss" /></td>
							<td class="f-14 td-manage"><a style="text-decoration: none"
								class="ml-5"
								onClick="article_edit('朝代编辑','${rootPath}/DemoBackServlet?method=dynastyUpdate&id=${dynasty.id }','${dynasty.id }')"
								href="javascript:;" title="编辑"> <i class="Hui-iconfont">&#xe6df;</i>
							</a> <a style="text-decoration: none" class="ml-5"
								onClick="article_del(this,'10001')" href="javascript:;"
								title="删除"> <i class="Hui-iconfont">&#xe6e2;</i>
							</a></td>
						</tr>
					</c:forEach>
				</tbody>
			</table>
			<%-- 这是我大改的;为了做分页 --%>
			<form id="pageForm" action="${rootPath }/DemoBackServlet?method=dynastyList"
				method="post">
				<input type="hidden" name="keyword" value="${requestScope.keyword }" />
				<input type="hidden" name="status" value="${requestScope.status }" /> 
				<input type="hidden" name="stDate" value="${requestScope.stDate }" />
				<input type="hidden" name="enDate" value="${requestScope.enDate }" />
				<div class="dataTables_info" id="DataTables_Table_0_info"
					role="status" aria-live="polite">显示
					${requestScope.pageInfoUtil.currentRecord} 到
					${requestScope.pageInfoUtil.currentRecord + requestScope.pageInfoUtil.pageSize}，
					共 ${requestScope.pageInfoUtil.totalRecord} 条 共
					${requestScope.pageInfoUtil.totalPage} 页</div>
				<div class="dataTables_paginate paging_simple_numbers"
					id="DataTables_Table_0_paginate">
					<a class="paginate_button previous"
						aria-controls="DataTables_Table_0"
						onclick="return pageSubmit('pageForm','currentPage','1','pageSize','${requestScope.pageInfoUtil.pageSize}')"
						data-dt-idx="0" tabindex="0" id="DataTables_Table_0_previous">首页</a>
					<a class="paginate_button previous"
						aria-controls="DataTables_Table_0"
						onclick="return pageSubmit('pageForm','currentPage','${requestScope.pageInfoUtil.prePage}','pageSize','${requestScope.pageInfoUtil.pageSize}')"
						data-dt-idx="0" tabindex="0" id="DataTables_Table_0_previous">上一页</a>
					<!-- <span>
							<a class="paginate_button current" aria-controls="DataTables_Table_0"
							data-dt-idx="1" tabindex="0">1</a>
							<a class="paginate_button "
							aria-controls="DataTables_Table_0" data-dt-idx="2" tabindex="0">2</a>
						</span> -->
					<a class="paginate_button next disabled"
						onclick="return pageSubmit('pageForm','currentPage','${requestScope.pageInfoUtil.nextPage}','pageSize','${requestScope.pageInfoUtil.pageSize}')"
						aria-controls="DataTables_Table_0" data-dt-idx="3" tabindex="0"
						id="DataTables_Table_0_next">下一页</a> <a
						class="paginate_button next disabled"
						onclick="return pageSubmit('pageForm','currentPage','${requestScope.pageInfoUtil.totalPage}','pageSize','${requestScope.pageInfoUtil.pageSize}')"
						aria-controls="DataTables_Table_0" data-dt-idx="3" tabindex="0"
						id="DataTables_Table_0_next">尾页</a>
					<%-- 当前页
							size:宽度;
							maxLength:最多可以输入几个
						 --%>
					第<input type="text" id="currentPage" name="currentPage" size="5" maxlength="5"
						value="${requestScope.pageInfoUtil.currentPage }" />页 每页<input
						type="text" name="pageSize" size="5" maxlength="5"
						value="${requestScope.pageInfoUtil.pageSize }" />条 <input
						type="submit" class="paginate_button" value="GO" />
				</div>
			</form>
		</div>
	</div>

	<script type="text/javascript">
	<!-- 这我改了 -->
		/* $('.table-sort').dataTable({
		"aaSorting" : [ [ 1, "desc" ] ],//默认第几个排序
		"bStateSave" : true,//状态保存
		"pading" : false,
		"aoColumnDefs" : [
		//{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
		{
		"orderable" : false,
		"aTargets" : [ 0, 8 ]
		} // 不参与排序的列
		]
		}); */

		/*朝代-添加*/
		function article_add(title, url, w, h) {
			var index = layer.open({
				type : 2,
				title : title,
				content : url
			});
			layer.full(index);
		}
		/*朝代-编辑*/
		function article_edit(title, url, id, w, h) {
			var index = layer.open({
				type : 2,
				title : title,
				content : url
			});
			layer.full(index);
		}
		/*朝代-删除*/
		function article_del(obj, id) {
			layer.confirm('确认要删除吗？', function(index) {
				$.ajax({
					type : 'POST',
					url : '',
					dataType : 'json',
					success : function(data) {
						$(obj).parents("tr").remove();
						layer.msg('已删除!', {
							icon : 1,
							time : 1000
						});
					},
					error : function(data) {
						console.log(data.msg);
					},
				});
			});
		}

		/*朝代-审核*/
		function article_shenhe(obj, id) {
			layer
					.confirm(
							'审核文章？',
							{
								btn : [ '通过', '不通过', '取消' ],
								shade : false,
								closeBtn : 0
							},
							function() {
								$(obj)
										.parents("tr")
										.find(".td-manage")
										.prepend(
												'<a class="c-primary" onClick="article_start(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
								$(obj)
										.parents("tr")
										.find(".td-status")
										.html(
												'<span class="label label-success radius">已发布</span>');
								$(obj).remove();
								layer.msg('已发布', {
									icon : 6,
									time : 1000
								});
							},
							function() {
								$(obj)
										.parents("tr")
										.find(".td-manage")
										.prepend(
												'<a class="c-primary" onClick="article_shenqing(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
								$(obj)
										.parents("tr")
										.find(".td-status")
										.html(
												'<span class="label label-danger radius">未通过</span>');
								$(obj).remove();
								layer.msg('未通过', {
									icon : 5,
									time : 1000
								});
							});
		}
		/*朝代-下架*/
		function article_stop(obj, id) {
			layer
					.confirm(
							'确认要下架吗？',
							function(index) {
								$(obj)
										.parents("tr")
										.find(".td-manage")
										.prepend(
												'<a style="text-decoration:none" onClick="article_start(this,id)" href="javascript:;" title="发布"><i class="Hui-iconfont">&#xe603;</i></a>');
								$(obj)
										.parents("tr")
										.find(".td-status")
										.html(
												'<span class="label label-defaunt radius">已下架</span>');
								$(obj).remove();
								layer.msg('已下架!', {
									icon : 5,
									time : 1000
								});
							});
		}

		/*朝代-发布*/
		function article_start(obj, id) {
			layer
					.confirm(
							'确认要发布吗？',
							function(index) {
								$(obj)
										.parents("tr")
										.find(".td-manage")
										.prepend(
												'<a style="text-decoration:none" onClick="article_stop(this,id)" href="javascript:;" title="下架"><i class="Hui-iconfont">&#xe6de;</i></a>');
								$(obj)
										.parents("tr")
										.find(".td-status")
										.html(
												'<span class="label label-success radius">已发布</span>');
								$(obj).remove();
								layer.msg('已发布!', {
									icon : 6,
									time : 1000
								});
							});
		}
		/*朝代-申请上线*/
		function article_shenqing(obj, id) {
			$(obj).parents("tr").find(".td-status").html(
					'<span class="label label-default radius">待审核</span>');
			$(obj).parents("tr").find(".td-manage").html("");
			layer.msg('已提交申请，耐心等待审核!', {
				icon : 1,
				time : 2000
			});
		}
	</script>
</body>
</html>